<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>骡窝窝首页</title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/index.css" rel="stylesheet" type="text/css">
    <link href="http://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css"
          rel="stylesheet" type="text/css"/>

    <script language="javascript"
            src="http://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector^alw^1562232559.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <script type="text/javascript">
        var __mfw_uid = parseInt('45873671');
    </script>
    <script language="javascript"
            src="http://js.mafengwo.net/js/cv/js+common+jquery.plugins:js+common+widgets:js+mfw.storage^ZlI^1537192880.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <link href="http://css.mafengwo.net/css/cv/css+sales+m-toolbar:css+sales+brand-bar:css+sales+sales-list-v2:css+mfweditor+mfweditor^a1I^1556183379.css"
          rel="stylesheet" type="text/css"/>
    <script language="javascript"
            src="http://js.mafengwo.net/js/cv/js+angular.min:js+sales+pagination:js+sales+list+Filter2017:js+connect_share:js+yiwofeng+common:js+sales+page_event_statistics^YldV^1544154317.js"
            type="text/javascript" crossorigin="anonymous"></script>


    <script type="text/javascript" src="/js/system/common.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>

</head>
<body>
<#assign currentNav="gototravel">
<#include "../common/navbar.ftl">

<script>
    //判断是否显示 下拉bar
    ;(function () {
        window.showBarFlag = true;
        var realPathName = location.pathname, $nav = $('#Js_middleNav');
        var regExp = /localdeals|sales|insurance|activity/gi;
        var pathArr = realPathName.match(regExp);

        var firstSalesType = 0;
        if ([1, 3, 34, 50, 51, 52].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 3
        } else if ([4, 40, 41, 42, 43, 44].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 4
            //  } else if ([11, 90, 91, 92, 93, 94, 95, 96].indexOf(window.Env.salesType) > -1) {
            //    firstSalesType = 11
        } else if ([6, 30, 32, 33, 35, 36].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 6
        } else if ([5].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 5
        } else if ([21, 22, 70].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 21
        } else if ([28, 29, 31, 99].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 1
        } else {
            firstSalesType = 2
        }
        // } else if ([2, 9, 12, 13, 15, 17, 20, 21, 22, 23, 24, 25, 26, 46, 47, 48, 49, 60, 61, 62, 64, 65, 66, 67, 68, 70, 71, 72, 74, 75, 76, 77, 78, 79])
        var urlSalesType = realPathName.split('-')[3];
        if (window.Env.middleNavHide) {
            $('.dropdown-bar').hide();
            return;
        }
        if (urlSalesType == 5 || firstSalesType == 5) {
            $nav.children('[data-type="cruise"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (urlSalesType == 21 || firstSalesType == 21) {
            $nav.children('[data-type="wifi"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (urlSalesType == 4 || window.Env.sales_title_tag == 'visa' || firstSalesType == 4) {
            $nav.children('[data-type="visa"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (window.Env.sales_title_tag == 'semi_self_service' || realPathName == '/sales/0-0-0-6-0-0-0-0.html?group=4' || firstSalesType == 6) {
            $nav.children('[data-type="freewalker"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (window.Env.salesType) {
            switch (firstSalesType | 0) {
                case 1:
                case 3:
                    $nav.children('[data-type="sales"]').addClass('on');
                    break;
                case 2:
                    $nav.children('[data-type="localdeals"]').addClass('on');
                    break;
                case 30:
                case 6:
                    $nav.children('[data-type="freewalker"]').addClass('on');
                    break;
                default:
                    $nav.children('[data-type="localdeals"]').addClass('on');
                    break;
            }
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else {
            if (pathArr) {
                if (pathArr.length == 1 && pathArr[0] != 'activity') {
                    switch (pathArr[0]) {
                        case 'localdeals':
                            $nav.children('[data-type="localdeals"]').addClass('on');
                            break;
                        case 'insurance':
                            $nav.children('[data-type="insurance"]').addClass('on');
                            break;
                        case 'sales':
                            $nav.children('[data-type="sales"]').addClass('on');
                            break;
                        case 'flight':
                            $nav.children('[data-type="flight"]').addClass('on');
                            break;
                        default:
                            break;
                    }
                    window.showBarFlag = false;
                    $('.dropdown-bar').show();
                } else {
                    if ('activity'.indexOf(pathArr) != -1) {
                        window.showBarFlag = true;
                        $('.dropdown-bar').hide();
                    }
                }
            }
        }
        // 点击时触发
        $('.ul-dropdown-bar > li').on('click', function () {
            $(this).addClass('on').siblings().removeClass('on');
        });
    })();

</script>

</div>


<div class="container">
    <!--sousuo start-->
    <div class="brand-bar clearfix">
        <div class="bb-hd">
            <div class="bb-title">
                <a href="http://www.mafengwo.cn/sales/0-0-0-630-0-0-0-0.html" style="text-decoration: none;"><i
                            class="icon-half"></i>跟团游</a>

            </div>
        </div>
        <div class="bb-hd">
            <div class="search-panel">
                <!---签证和当地游不需要出发地--->
                <div class="depart" data-depart="1">
                    <div class="trigger" data-btn-depart="1">
                        <i class="i-arr"></i>
                        <strong data-depart-station="1" id="mddFromXl" data-mddid="12334" data-area="GZ">
                            广州
                        </strong>出发
                    </div>
                    <div class="depart-panel" data-tab-wrap="1">
                        <div class="dp-hot">
                            <#--热门出发地-->
                            <p>热门出发地</p>
                            <ul class="clearfix" data-view-group="dept" data-search-group="from">
                                <li><a data-hot-depart-item="1" data-mddid="0" data-mddname="全国出发"
                                       data-area="Other"
                                       data-pinyin="" data-pinyinbrief="" href="javascript:void(0);">
                                        全国 </a></li>

                                <#list hotStartPlaces as hotp>
                                <li class="startplace"><a data-hot-depart-item="1" data-mddid="${hotp.id}" data-mddname="${hotp.name}"
                                       data-area="BJ"
                                       data-pinyin="${hotp.pinyin}" data-pinyinbrief="bj" href="javascript:void(0);">
                                        ${hotp.name} </a></li>
                                </#list>
                            </ul>
                        </div>
                        <div class="dp-search">
                            <input type="text" data-ipt-search-depart="1" placeholder="搜索城市（支持汉字、首字母查询 )">
                            <p data-depart-result="0" style="display: none;">未找到结果</p>
                            <ul data-depart-result="1" class="clearfix" style="display: none;">
                            </ul>
                        </div>
                        <div class="letter-tab">
                            <ul class="clearfix">
                                <li class="on" data-city-tab="0"><a
                                            href="javascript:void(0);">ABCDEF</a></li>
                                <li data-city-tab="1"><a
                                            href="javascript:void(0);">GHJKLM</a></li>
                                <li data-city-tab="2"><a
                                            href="javascript:void(0);">NPQRS</a></li>
                                <li data-city-tab="3"><a
                                            href="javascript:void(0);">TWXYZ</a></li>
                            </ul>
                        </div>

                        <div data-city-panel="0" class="letter-content">
                        <#list destLeterMap0 as destmap>
                            <div class="letter-item clearfix">
                                <span class="letter">${destmap.letter}</span>
                                <ul data-view-group="dept" data-search-group="from">
                                    <#list destmap.dests as dest>
                                        <li class = "${dest.ishot ?string('on','')} startplace">
                                            <a data-depart-item="1"
                                               data-v="${dest.id}"
                                               data-mddid="${dest.id}"
                                               data-mddname="${dest.name}"
                                               data-area="GZ"
                                               data-pinyin="${dest.pinyin}"
                                               data-pinyinbrief="am"
                                               href="javascript:void(0);">${dest.name}</a>
                                        </li>
                                    </#list>
                                </ul>
                            </div>
                        </#list>
                        </div>

                        <div data-city-panel="1" class="letter-content">
                            <#list destLeterMap1 as destmap>
                                <div class="letter-item clearfix">
                                    <span class="letter">${destmap.letter}</span>
                                    <ul data-view-group="dept" data-search-group="from">
                                        <#list destmap.dests as dest>
                                            <li class = "${dest.ishot ?string('on','')} startplace">
                                                <a data-depart-item="1"
                                                   data-v="${dest.id}"
                                                   data-mddid="${dest.id}"
                                                   data-mddname="${dest.name}"
                                                   data-area="GZ"
                                                   data-pinyin="${dest.pinyin}"
                                                   data-pinyinbrief="am"
                                                   href="javascript:void(0);">${dest.name}</a>
                                            </li>
                                        </#list>
                                    </ul>
                                </div>
                            </#list>
                        </div>

                        <div data-city-panel="2" class="letter-content">
                            <#list destLeterMap2 as destmap>
                                <div class="letter-item clearfix">
                                    <span class="letter">${destmap.letter}</span>
                                    <ul data-view-group="dept" data-search-group="from">
                                        <#list destmap.dests as dest>
                                            <li class = "${dest.ishot ?string('on','')} startplace">
                                                <a data-depart-item="1"
                                                   data-v="${dest.id}"
                                                   data-mddid="${dest.id}"
                                                   data-mddname="${dest.name}"
                                                   data-area="GZ"
                                                   data-pinyin="${dest.pinyin}"
                                                   data-pinyinbrief="am"
                                                   href="javascript:void(0);">${dest.name}</a>
                                            </li>
                                        </#list>
                                    </ul>
                                </div>
                            </#list>
                        </div>

                        <div data-city-panel="3" class="letter-content">
                            <#list destLeterMap3 as destmap>
                                <div class="letter-item clearfix">
                                    <span class="letter">${destmap.letter}</span>
                                    <ul data-view-group="dept" data-search-group="from">
                                        <#list destmap.dests as dest>
                                            <li class = "${dest.ishot ?string('on','')} startplace">
                                                <a data-depart-item="1"
                                                   data-v="${dest.id}"
                                                   data-mddid="${dest.id}"
                                                   data-mddname="${dest.name}"
                                                   data-area="GZ"
                                                   data-pinyin="${dest.pinyin}"
                                                   data-pinyinbrief="am"
                                                   href="javascript:void(0);">${dest.name}</a>
                                            </li>
                                        </#list>
                                    </ul>
                                </div>
                            </#list>
                        </div>
                        <#--<script>
                            var objs = $(".letter");
                            $.each(objs, function (index, obj) {
                                if($(obj).html() == "F" || $(obj).html() == "M" || $(obj).html() == "S" || $(obj).html() == "Z"){
                                    console.log($(obj).html());
                                    console.log($(obj).closest("div"));
                                    $(obj).closest("div").addClass("last-child");
                                }
                            })
                        </script>-->
                    </div>
                </div>

                <#--请输入目的地 / 产品名称-->
                <div class="search-main" data-search="1">
                    <div class="clearfix">
                        <input data-new-search-depart=1 id="ipt_keyword" class="search-input" type="text"
                               placeholder="请输入目的地 / 产品名称">
                        <a id="btn_keyword" data-mes-t="按钮" class="search-button" href="javascript:;"><i></i></a>
                    </div>
                    <div class="city-panel" style="display: none" data-btn-depart2="1">

                        <#--国内目的地-->
                        <h4>国内</h4>
                        <ul>
                            <#list hotDestinationsInChina as hotDest>
                            <li class="traveldest">
                                <span class="label">${hotDest.province}</span>
                                <#list hotDest.dests as dest>
                                    <a data-list-search-mdd-station="1" data-mddid="${dest.id}" data-mddname="${dest.name}"
                                       data-area="Other" href="javascript:void(0);" class = "${dest.ishot ?string('rec','')}">
                                        ${dest.name} ${dest.ishot ?string('<span><i></i>推荐</span></a>','')}
                                    </a>
                                </#list>
                            </li>
                            </#list>
                        </ul>

                        <#--出境游-->
                        <h4>出境</h4>
                        <ul>
                            <#list hotDestinationsInAbroad as hotDest>
                            <li class="traveldest">
                                <span class="label">${hotDest.province}</span>
                                <#list hotDest.dests as dest>
                                    <a data-list-search-mdd-station="1" data-mddid="${dest.id}" data-mddname="${dest.name}"
                                       data-area="Other" href="javascript:void(0);" class = "${dest.ishot ?string('rec','')}">
                                        ${dest.name} ${dest.ishot ?string('<span><i></i>媚外</span></a>','')}
                                    </a>
                                </#list>
                            </li>
                            </#list>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--sousuo end-->

    <!----filter start----->

    <#--表单提交-->
    <script>
        function commitForm(){
            $("#formFilter").ajaxSubmit(function (data) {
                $("#listContent").html(data);
            })
        }

        $(function () {
            commitForm();

            $(".filter-nav").click(function () {
                commitForm();
            })

            //价格排序
            $("#priceAsc").click(function () {
                $("#priceOrder").val("asc");
                commitForm();
            })
            $("#priceDesc").click(function () {
                $("#priceOrder").val("desc");
                commitForm();
            })
            
            //旅游方式
            $("#saleType a").click(function () {
                var wayNum = $(this).data("way")
                $("#travelWay").val(wayNum);
                commitForm();
                console.log(123);
            })


            //阻止界面跳转
            window.onbeforeunload = function(){
                return '你确定要关闭吗？';
            }

            //起始地
            $(".startplace a").click(function () {
                var id = $(this).data("mddid");
                $("#startPlace").val(id);
                commitForm();
            })
            //目的地
            $(".traveldest a").click(function () {
                var traveldestname = $(this).data("mddname");
                $("#travelDestName").val(traveldestname);
                commitForm();
            })
            //目的地输入框
            $("#ipt_keyword").change(function () {
                var traveldestname = $(this).val();
                $("#travelDestName").val(traveldestname);
                commitForm();
            })

        })
    </script>
    <form id="formFilter" action="/packageTour/getPackageTourMsg" >
        <div class="filter-panel">

            <input type="hidden" name="travelWay" value="0" id="travelWay"/>
            <input type="hidden" name="startPlace" value="3261" id="startPlace"/>
            <input type="hidden" name="travelDestName" value="" id="travelDestName"/>
            <#--<div class="filter-hd clearfix" data-type="1" id="saleType">
                <a data-v="0" class="cur" data-type-filter="1" href="javascript:void(0);" id="saleType0">全部</a>
                <a data-v="36" data-type-filter="1" href="javascript:void(0);" id="saleType36">境内半自助游</a>
                <a data-v="32" data-type-filter="1" href="javascript:void(0);" id="saleType32">私家团</a>
                <a data-v="35" data-type-filter="1" href="javascript:void(0);" id="saleType35">出境跟团游</a>
                <a data-v="33" data-type-filter="1" href="javascript:void(0);" id="saleType33">游学团</a>
                <a data-v="6" data-type-filter="1" href="javascript:void(0);" id="saleType6">出境半自助游</a>
                <a data-v="30" data-type-filter="1" href="javascript:void(0);" id="saleType30">境内跟团游</a>

            </div>-->
            <div class="filter-hd clearfix" data-type="1" id="saleType">
                <a data-v="0" class="cur" data-type-filter="1" href="javascript:void(0);" id="saleType0" data-way="0">全部</a>
                <a data-v="30" data-type-filter="1" href="javascript:void(0);" id="saleType30" data-way="1">境内跟团游</a>
                <a data-v="36" data-type-filter="1" href="javascript:void(0);" id="saleType36" data-way="2">境内半自助游</a>
                <a data-v="32" data-type-filter="1" href="javascript:void(0);" id="saleType32" data-way="3">私家团</a>
                <a data-v="35" data-type-filter="1" href="javascript:void(0);" id="saleType35" data-way="4">出境跟团游</a>
                <a data-v="33" data-type-filter="1" href="javascript:void(0);" id="saleType33" data-way="5">游学团</a>
                <a data-v="6" data-type-filter="1" href="javascript:void(0);" id="saleType6" data-way="6">出境半自助游</a>

            </div>




            <div class="filter-bd clearfix" data-filter="1" id="filter">
                <dl class="row" data-view-group="relatedMdd" data-search-group="s_dept_time">
                    <dt>出发日期：</dt>
                    <dd class="clearfix">
                        <ul class="filter-nav">
                            <li><input type="checkbox" name="startTime" value="2019-07-01" id="all_s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="all"
                                       data-chose-name="不限" class="u-radio">不限
                            </li>
                            <li><input type="checkbox" name="startTime" value="2019-07-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201907"
                                       data-chose-name="7月" class="u-radio">7月
                            </li>
                            <li><input type="checkbox" name="startTime" value="2019-08-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201908"
                                       data-chose-name="8月" class="u-radio">8月
                            </li>
                            <li><input type="checkbox" name="startTime" value="2019-09-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201909"
                                       data-chose-name="9月" class="u-radio">9月
                            </li>
                            <li><input type="checkbox" name="startTime" value="2019-10-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201910"
                                       data-chose-name="10月" class="u-radio">10月
                            </li>
                            <li><input type="checkbox" name="startTime" value="2019-11-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201911"
                                       data-chose-name="11月" class="u-radio">11月
                            </li>
                            <li><input type="checkbox" name="startTime" value="2019-12-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201912"
                                       data-chose-name="12月" class="u-radio">12月
                            </li>
                            <li><input type="checkbox" name="startTime" value="2020-01-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="202001"
                                       data-chose-name="2020年1月" class="u-radio">2020年1月
                            </li>
                            <li><input type="checkbox" name="startTime" value="2020-02-01" id="s_dept_time"
                                       data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="202002"
                                       data-chose-name="2月" class="u-radio">2月
                            </li>
                        </ul>
                        <a class="toggle" role="button" data-type-filter-show-more="1" href="javascript:void(0);">更多</a>
                    </dd>
                </dl>
                <dl class="row" data-view-group="relatedMdd" data-search-group="price">
                    <dt>价格区间：</dt>
                    <dd class="clearfix">
                        <ul class="filter-nav">
                            <li><input type="checkbox" name="price" value="all" id="all_price" data-filter-list="1"
                                       data-filter-name="price" data-filter-value="all" data-chose-name="不限"
                                       class="u-radio">不限
                            </li>
                            <li><input type="checkbox" name="price" value="1050:2000" id="price" data-filter-list="1"
                                       data-filter-name="price" data-filter-value="1050:2000"
                                       data-chose-name="1050-2000" class="u-radio">1050-2000
                            </li>
                            <li><input type="checkbox" name="price" value="2000:3000" id="price" data-filter-list="1"
                                       data-filter-name="price" data-filter-value="2000:3000"
                                       data-chose-name="2000-3000" class="u-radio">2000-3000
                            </li>
                            <li><input type="checkbox" name="price" value="3000:39999" id="price" data-filter-list="1"
                                       data-filter-name="price" data-filter-value="3000:39999"
                                       data-chose-name="3000-39999" class="u-radio">3000-39999
                            </li>
                        </ul>
                        <a class="toggle" role="button" data-type-filter-show-more="1" href="javascript:void(0);">更多</a>
                    </dd>
                </dl>
                <dl class="row" data-view-group="relatedMdd" data-search-group="tag_group">
                    <dt>产品特色：</dt>
                    <dd class="clearfix">
                        <ul class="filter-nav">
                            <li><input type="checkbox" name="feature" value="0" id="all_tag_group[12506]"
                                       data-filter-list="1" data-filter-name="tag_group[12506]" data-filter-value="all"
                                       data-chose-name="不限" class="u-radio">不限
                            </li>
                            <li><input type="checkbox" name="feature" value="1" id="tag_group[12506]"
                                       data-filter-list="1" data-filter-name="tag_group[12506]" data-filter-value="1547"
                                       data-chose-name="全程无自费" class="u-radio">全程无自费
                            </li>
                            <li><input type="checkbox" name="feature" value="2" id="tag_group[12506]"
                                       data-filter-list="1" data-filter-name="tag_group[12506]" data-filter-value="4553"
                                       data-chose-name="含自由活动" class="u-radio">含自由活动
                            </li>
                            <li><input type="checkbox" name="feature" value="3" id="tag_group[12506]"
                                       data-filter-list="1" data-filter-name="tag_group[12506]" data-filter-value="1550"
                                       data-chose-name="纯玩无购物" class="u-radio">纯玩无购物
                            </li>
                            <li><input type="checkbox" name="feature" value="4" id="tag_group[12506]"
                                       data-filter-list="1" data-filter-name="tag_group[12506]" data-filter-value="6410"
                                       data-chose-name="含wifi／电话卡" class="u-radio">含wifi／电话卡
                            </li>
                        </ul>
                        <a class="toggle" role="button" data-type-filter-show-more="1" href="javascript:void(0);">更多</a>
                    </dd>
                </dl>
                <dl class="row" data-view-group="relatedMdd" data-search-group="dacu_status">
                    <dt>参与大促：</dt>
                    <dd class="clearfix">
                        <ul class="filter-nav">
                            <li><input type="checkbox" name="isBigPromotion" value="1" id="dacu_status"
                                       data-filter-list="1" data-filter-name="dacu_status" data-filter-value="1"
                                       data-chose-name="大促" class="u-radio">大促
                            </li>
                        </ul>
                        <a class="toggle" role="button" data-type-filter-show-more="1" href="javascript:void(0);">更多</a>
                    </dd>
                </dl>


            </div>
            <div class="filter-toggle" style="display:none" data-show-more="1">
                <a href="javascript:void(0);"><span>显示更多选项<i class="icon-arrDown"></i></span></a>
            </div>
            <div class="filter-toggle" style="display:none" data-hide-hide="1">
                <a href="javascript:void(0);"><span>收起<i class="icon-arrUp"></i></span></a>
            </div>

            <input type="hidden" name="priceOrder" id="priceOrder">
        </div>
    </form>



    <!----filter end----->
    <dl class="row-selected clearfix" data-stick="1" style="display: none;">
        <dt>您已选择：</dt>
        <dd id="chose">
        </dd>
        <a class="clean" data-clear-all-chose="1" href="javascript:void(0);">全部清除</a>
    </dl>

    <div class="sales-content">
        <div class="sort-bar">
            <ul>
                <#--排序-->
                <li class="sort-item">
                    <a class="active" data-sort="smart" data-sort-type="desc" data-sort-active="smart"
                       href="javascript:void(0);">综合排序</a>
                </li>
                <#-- <li class="sort-item">
                     <a data-sort="sold_num" data-sort-type="desc" data-sort-active="sold_num" href="javascript:void(0);">近期销量优先</a>
                 </li>-->
                <li class="sort-item sort-price">
                    <div class="price-trigger">
                        <a href="javascript:void(0);" data-sort-active="price">价格<i></i></a>
                    </div>
                    <ul class="drop-list hide">
                        <li><a data-sort="price" data-sort-type="asc" href="javascript:void(0);" id="priceAsc">价格从低到高</a></li>
                        <li><a data-sort="price" data-sort-type="desc" href="javascript:void(0);" id="priceDesc">价格从高到低</a></li>
                    </ul>
                </li>

            </ul>
        </div>
        <#--<div class="not-found hide" data-notfound="1">
            <i></i>
            <p>暂无此类自由行产品  再逛逛其他的～</p>
            <a href="javascript:void(0);" data-clear-all-chose="1">清空筛选条件</a>
        </div>-->
        <#--<div class="m-recommend hide" data-notfound="2">
            <div class="hd">更多自由行产品供你选择</div>
            <ul class="sales-cards clearfix">
                <li class="item">
                    <a href="/sales/2220605.html" target="_blank">
                        <div class="image"><img src="http://n2-q.mafengwo.net/s13/M00/D2/7F/wKgEaVykSQSAE2QtAENnh9udaYo82.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>玩个不一样的·青海甘肃大环线拼包车6日游（雪水牛排+藏式接机+扬鞭策马+好礼相赠）</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>1300</strong>起</span>

                            </div>
                        </div>
                    </a>
                <li class="item">
                    <a href="/sales/5693026.html" target="_blank">
                        <div class="image"><img src="http://n4-q.mafengwo.net/s13/M00/B4/D5/wKgEaVzNBKWACzH3AAPSqtE5C9Y02.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>颠覆传统包车游·吃喝玩乐随心搭配/VIP级奢华包拼车N日游/骑马穿越+热气球+湿地漂流+越野卡丁车+比赛级射箭</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>500</strong>起</span>

                            </div>
                        </div>
                    </a>
                <li class="item">
                    <a href="/sales/2992442.html" target="_blank">
                        <div class="image"><img src="http://b2-q.mafengwo.net/s13/M00/CB/12/wKgEaVyZ-BaAE0TYAAiDlp9pNZY27.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>稻城亚丁+色达包车/拼车7日游 1-6人越野车/商务车/无人机+单反/骑马·射箭·下午茶/365天发车·1人起订·随走随停 赠亚丁门票+成都住宿+24h接机 </h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>618</strong>起</span>

                            </div>
                        </div>
                    </a>
                <li class="item">
                    <a href="/sales/2477917.html" target="_blank">
                        <div class="image"><img src="http://n2-q.mafengwo.net/s14/M00/B4/22/wKgE2l0q5rGASkfHABHtgunCH7k953.gif?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>全国劳模车队带您青甘大环线包/拼车7日游 青海湖+塔尔寺+茶卡盐湖+油菜花海+七彩丹霞+莫高窟+嘉峪关+鸣沙山月牙泉</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>1400</strong>起</span>

                            </div>
                        </div>
                    </a>
                <li class="item">
                    <a href="/sales/2981620.html" target="_blank">
                        <div class="image"><img src="http://b4-q.mafengwo.net/s13/M00/4B/CA/wKgEaVzKZHmASVXYAAD7r0Ho10w39.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>青海甘肃大环线包拼车6日游  青海湖+茶卡盐湖+翡翠湖+敦煌+鸣沙山月牙泉+七彩丹霞+祁连草原（安全舒心+全览西北精华）</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>1300</strong>起</span>

                            </div>
                        </div>
                    </a>
                <li class="item">
                    <a href="/sales/2066092.html" target="_blank">
                        <div class="image"><img src="http://b4-q.mafengwo.net/s13/M00/B3/3B/wKgEaVy9jp-ANMLsAAMjiNMUsqE37.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>峨眉山日出金顶+乐山大佛2日游·17人团·赠KFC早餐+火锅川剧变脸·8点懒游出发·巧遇灵猴祈佛福+含乐山大佛游船票+住峨眉精品酒店</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>398</strong>起</span>

                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>-->


        <#--跟团游信息-->
        <div class="list-wrap" data-list="1" id="listContent">

        </div>


        <#--分页-->
        <div id="list_pagination" align="right" class="m-pagination">

        </div>
    </div>


    <#--本周热卖开始-->
    <div class="sales-side">
        <div class="m-hotsale">
            <h3 class="hd">本周热卖</h3>
            <ul>
                <li>
                    <a href="/sales/379689.html" target="_blank">
                        <span class="image"><img
                                    src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1515863865,259498666&fm=15&gp=0.jpg"
                                    height="70" width="100"></span>
                        <div title="【销量2亿0差评】广州棠下180天179晚自由行(暑假大促最高立减800+金卡会员优惠500元+可指定部分酒店+赠环岛游+军舰岛+中文接送机+可升级丛林探险+含税费1550元+导游小费+可优惠预定跑车自驾 )"
                             class="title">【销量2亿0差评】广州棠下180天179晚...
                        </div>
                        <span class="price">¥19700起</span>
                    </a>
                </li>
                <li>
                    <a href="/sales/2113797.html" target="_blank">
                        <span class="image"><img
                                    src="http://p4-q.mafengwo.net/s14/M00/12/07/wKgE2l0ZZM2AM4NlAADm6BfspoA33.jpeg?imageMogr2%2Fthumbnail%2F%21200x140r%2Fgravity%2FCenter%2Fcrop%2F%21200x140%2Fquality%2F100"
                                    height="70" width="100"></span>
                        <div title="上海直飞塞班岛6天5晚自由行(赠送军舰岛+环岛游+中文接送机+活动代金券+可代订跑车/潜水艇/飞机驾驶套餐)" class="title">
                            上海直飞塞班岛6天5晚自由行(赠送军舰岛...
                        </div>
                        <span class="price">¥3200起</span>
                    </a>
                </li>
                <li>
                    <a href="/sales/2104334.html" target="_blank">
                        <span class="image"><img
                                    src="http://n4-q.mafengwo.net/s10/M00/F6/40/wKgBZ1jwoNiAbFDyACsNsct-u-0092.gif?imageMogr2%2Fthumbnail%2F%21200x140r%2Fgravity%2FCenter%2Fcrop%2F%21200x140%2Fquality%2F100"
                                    height="70" width="100"></span>
                        <div title="口碑精选·北京直飞菲律宾长滩岛6天4晚自由行（可升级指定酒店+日落风帆+菲式按摩+芒果沙冰/赠送接送机+长滩环岛游）" class="title">
                            口碑精选·北京直飞菲律宾长滩岛6天4晚...
                        </div>
                        <span class="price">¥2899起</span>
                    </a>
                </li>
                <li>
                    <a href="/sales/2185104.html" target="_blank">
                        <span class="image"><img
                                    src="http://b1-q.mafengwo.net/s12/M00/10/4A/wKgED1uqBlaAQQJNAAOPlDVuqbM929.gif?imageMogr2%2Fthumbnail%2F%21200x140r%2Fgravity%2FCenter%2Fcrop%2F%21200x140%2Fquality%2F100"
                                    height="70" width="100"></span>
                        <div title="高棉的微笑·广州直飞暹粒经典5天吴哥窟自由行(精选五钻酒店/3日大小吴哥包车游/洞里萨湖/崩密列/柬埔寨电子签/赠送境外接送机)" class="title">
                            高棉的微笑·广州直飞暹粒经典5天吴哥窟...
                        </div>
                        <span class="price">¥2580起</span>
                    </a>
                </li>
            </ul>
        </div>

        <div class="m-hotsale" id="visa_recommend" style="display: none;">
            <h3 class="hd">相关签证</h3>
            <ul>
                <li><a href="/sales/.html" target="_blank">
                        <span class="image"><img src="" height="70" width="100"></span>
                        <div title="" class="title"></div>
                        <span class="price">￥</span>
                    </a></li>

            </ul>
        </div>
    </div>
</div>
</div>


<div class="sales-toolbar">
    <div class="stbar-middle">
        <div class="stbar-nav">
            <div class="stbar-item stbar-order">
                <a href="/order_center/" target="_blank">
                    <i class="stbar-icon"></i><span class="stbar-text">我的订单</span>
                </a>
            </div>
            <div class="stbar-item stbar-coupon">
                <a href="/sales/coupon.php" target="_blank">
                    <i class="stbar-icon"></i><span class="stbar-text">我的优惠券</span>
                </a>
            </div>
            <div class="stbar-item stbar-collect">
                <a href="/sales/collect.php" target="_blank">
                    <i class="stbar-icon"></i><span class="stbar-text">我的收藏</span>
                </a>
            </div>
        </div>
        <div class="stbar-nav">
            <div class="stbar-item stbar-weibo">
                <a href="http://e.weibo.com/u/3120321513" target="_blank"><i class="stbar-icon"></i><span
                            class="stbar-pop"><span class="btn-follow">+ 关注</span><br><span>马蜂窝良品</span></span></a>
            </div>
            <div class="stbar-item stbar-weixin">
                <i class="stbar-icon"></i><span class="stbar-qrcode"><img
                            src="https://images.mafengwo.net/images/sales/list_wx_qr_code.jpg" height="104" width="104"></span>
            </div>
        </div>
    </div>
</div>


<script>
    var globalDepartMddid = parseInt("12334");
    var globalListTotal = parseInt("208957");
    var globalGroup = parseInt("4");
    var globalType = parseInt("") ? parseInt("") : 0;
    var FilterParam = {
        from: globalDepartMddid,
        kw: "",
        to: "",
        salesType: parseInt(""),
        page: 1, group: globalGroup, sort: 'smart', sort_type: 'desc', limit: 20
    };

    $(function () {
        var filterList = new FilterList();
        filterList.ajaxGetList();
        // 以下代码为模拟锚点,锚点生成短连接不生效
        // 以上代码为模拟锚点

    });


</script>
<link href="http://css.mafengwo.net/css/mfw-footer.css?1558532347" rel="stylesheet" type="text/css"/>


<#--尾巴-->
<#include "../common/footer.ftl">


<style>
    #banner-con-gloable {
        display: block;
        position: fixed;
        bottom: 0;
        left: -100%;
        z-index: 110;
        width: 100%;
        height: 179px;
        overflow-x: hidden;
    }

    #banner-con-gloable .banner-btn-con {
        width: 100%;
        height: 162px;
        background: rgba(30, 15, 8, 0.95);
        position: absolute;
        bottom: 0;
    }

    #banner-con-gloable .banner-btn-con .close-btn {
        position: absolute;
        right: 35px;
        top: 24px;
        z-index: 120;
        height: 24px;
        width: 24px;
        cursor: pointer;
    }

    #banner-con-gloable .banner-image-con {
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 1000px;
        margin-right: -500px;
    }

    #float-pannel-gloable {
        padding-left: 28px;
        padding-bottom: 20px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 110;
        left: -230px;
    }

    #float-pannel-gloable .float-btn {
        width: 24 pxpx;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }

    #closed {
        height: 24px;
        width: 24px;
        vertical-algin: top;
        border: none;
        cursor: pointer;
    }
</style>

<div id="float-pannel-gloable">
    <img class="float-image" src="https://p4-q.mafengwo.net/s14/M00/BB/8C/wKgE2l0r2W-ALHaeAACAt6lqXyA464.png"
         style="width:178px;">
    <div class="float-btn">
        <img id="closed" src="https://n4-q.mafengwo.net/s13/M00/46/AC/wKgEaVy2xHeAZJhRAAADGY-wozY871.png"></div>
</div>


<script>
    $(function () {

        var flag_page = location.href.match(/^(https|http):\/\/www\.mafengwo\.cn\/?$/g) ||
            location.href.match(/^(https|http):\/\/www\.mafengwo\.cn(\/\?\S*)/g) ||
            location.href.match(/(cn\/gonglve|cn\/yj\/|cn\/i\/|cn\/jd\/|cn\/xc\/|cn\/schedule\/|cn\/baike\/|cn\/poi\/|mdd|travel-scenic-spot)/g)

        if (!!flag_page && getCookie('ad_hide') != '1' && getCookie('ad_close_num') < 2) {
            handleBannerShow();
        }
    });

    // 浮标关闭按钮点击
    $("#float-pannel-gloable .float-btn").click(function () {
        $("#float-pannel-gloable").animate({left: -230,}, 800, 'swing');
        add_cookie('ad_hide', '1', 1);
        if (!getCookie('ad_close_num')) {
            add_cookie('ad_close_num', 1, 9999)
        } else if (!!getCookie('ad_close_num')) {
            add_cookie('ad_close_num', getCookie('ad_close_num') * 1 + 1, 9999)
        }
    });

    function add_cookie(name, value, n) {
        var exp = new Date();
        exp.setTime(exp.getTime() + 24 * 60 * 1000 * 60 * n);
        document.cookie = name + '=' + value + ';expires=' + exp.toGMTString() + ';path=/';
    }

    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');

        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1);
            if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
        }

        return "";
    }

    function delCookie(name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval = getCookie(name);
        if (cval != null)
            document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    }

    function handleBannerShow() {
        $("#float-pannel-gloable").animate({left: 0,}, 500, 'swing');
    }

</script>


<link href="http://css.mafengwo.net/css/mfw-toolbar.css?1537192876" rel="stylesheet" type="text/css"/>

<div class="mfw-toolbar" id="_j_mfwtoolbar">
    <div class="toolbar-item-top">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>
    <div class="toolbar-item-down">
        <a role="button" class="btn _j_gobottom">
            <i class="icon_down"></i>
            <em>页面底部</em>
        </a>
    </div>
</div>


<script language="javascript" type="text/javascript">
    if (typeof M !== "undefined" && typeof M.loadResource === "function") {
        M.loadResource("http://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad^ZVdT^1561616124.js");
    }
</script>

</body>
</html>
